<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<h1><title>Asia</title></h1>
		
		<link href="styles/styles.css"
		rel="stylesheet"
		type="text/css"/>
		
		
		<script language="javascript" 
		src="scripts/scripts.js">
		
		
		var aArray = new Array( 5 );
		
			}
		
			function showChina()
			{
				aArray[ 0 ] = aArray[ 0 ] + 1;
				document.getElementById("picture").src="images/chinawall.jpg";
				document.getElementById("picture").alt="This is a picture of The Great Wall of China";
				document.getElementById("picture").title="Great Wall of China";	
				
				document.getElementById("caption").innerHTML="<strong>China is found in East Asia.</strong>";
				
				document.getElementById("picture2").src="images/chinaflag.jpg";
				document.getElementById("picture2").alt="This is a picture of China's Flag";
				document.getElementById("picture2").title="China Flag";
				
			}
		
			function showJapan()
			{
				aArray[ 1 ] = aArray[ 1 ] + 1;
				document.getElementById("picture").src="images/japan1.jpg";
				document.getElementById("picture").alt="This is a picture of Japan's Flag";
				document.getElementById("picture").title="Japan Flag";	
				
				document.getElementById("caption").innerHTML="<strong>Japan is made up of 4 main islands.</strong>";
				
				document.getElementById("picture2").src="images/japan2.jpg";
				document.getElementById("picture2").alt="This is a picture of a Japanese Warrior called a Samurai";
				document.getElementById("picture2").title="This is a picture of a Samurai Warrior";
			}
				
				function showIndia()
			{
				aArray[ 2 ] = aArray[ 2 ] + 1;
				document.getElementById("picture").src="images/india1.jpg";
				document.getElementById("picture").alt="This is a picture of the beautiful Taj Mahal";
				document.getElementById("picture").title="Taj Mahal";	
				
				document.getElementById("caption").innerHTML="<strong>India has one of the largest populations in the world.</strong>";
				
				document.getElementById("picture2").src="images/india2.jpg";
				document.getElementById("picture2").alt="This is a picture a population map of India";
				document.getElementById("picture2").title="Population density of India";	
			}
				
				function showPhilippines()
			{
				aArray[ 3 ] = aArray[ 3 ] + 1;
				document.getElementById("picture").src="images/philippines1.jpg";
				document.getElementById("picture").alt="This is a picture of Manny Paquiao, one of the best profesional boxers alive.";
				document.getElementById("picture").title="Dynamite fists";	
				
				document.getElementById("caption").innerHTML="<strong>The Philippines are a group of small Islands but it is the worlds 21st most populous country.</strong>";
				
				document.getElementById("picture2").src="images/philippines2.jpg";
				document.getElementById("picture2").alt="This is a picture of the Philippino Flag";
				document.getElementById("picture2").title="Philippino Flag";				
			}
				
				function showNorthkorea()
			{
				aArray[ 4 ] = aArray[ 4 ] + 1;
				document.getElementById("picture").src="images/nkorea1.jpg";
				document.getElementById("picture").alt="This is a picture of North Korea's Dictator";
				document.getElementById("picture").title="This is a picture of Kim Jung Il";	
				
				document.getElementById("caption").innerHTML="<strong>North Korea has been a communist country since the 1950s.</strong>";
				
				document.getElementById("picture2").src="images/nkorea2.jpg";
				document.getElementById("picture2").alt="This is a physical map of the Korean Peninsula";
				document.getElementById("picture2").title="Physical Map of North Korea";
			}
				
				function showFINISH()
			{
			 	 var aArray = new Array( 5 );
			 	aArray = new Array( 5 );
				alert( "All countries have been visited " + aArray )
			 			
			}

	
		</script>
		
	</head>
	<body>
	<section>
	<h1>Asia</h1>
	
	<div>
	<img src="images/asiapop.jpg" 
		alt="This is the title slide" 
		title="This is the title slide"
		id="picture" />
	<img src="images/chinagreatwall.jpg" 
			alt="This is the title slide"
			title="This is the title slide"
			id="picture2" />
	
		
		
	</div>
		
<p id="caption">.</p>
	</section>
		<nav>
		<div>
		<a href="javascript:showChina()"class="menulinks">China</a>
		<a href="javascript:showJapan()"class="menulinks">Japan</a>
		<a href="javascript:showIndia()"class="menulinks">India</a>
		<a href="javascript:showPhilippines()"class="menulinks">Philippines</a>
		<a href="javascript:showNorthkorea()"class="menulinks">NorthKorea</a>
		<a href="javascript:showFINISH()"class="menulinks">FINISH</a>
		</div>
	</nav>
	
	<section>
	<h1>Instructions</h1>
<p>Click on the navigation buttons to learn more about the countries. 
</p>
</section>
<p><a href="index2.html">Click here to learn more about Asia.</a></p>
	<section>
	
	
	
	<footer>  
		<cite> This page's content comes from</cite>
			<a href="http://lipsum.com" target="_blank">Lorem Ipsum</a></cite>
		<br/>
			<cite>The pictures come from 
				<a href="http://creativecommons.org" target="_blank">Creative Commons</a></cite>

		<br>
			<cite>The information comes from 
				<a href="http://wikipedia.com" target="_blank">Wikipedia</a></cite>
		
		<p>&copy; 2011</p>
	</footer>
	</body>
	
</html>
